// pages/search/search.js
const db = wx.cloud.database();
const products = db.collection('products');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    results:[],
    value:''
    
  },
  onSearch(e){
    
    wx.showToast({
      title: "查询中",
      icon:'loading'
    })

    let value = e.detail;
    // 如果用户输入的是空字符串，弹出提示
    if (!value.trim()) {
      wx.showToast({
        title: '请输入要搜索的关键字',
        icon: 'error'
      })
      return ;
    }

    // 
    this.setData({
      value:value
    })
    
    // 获取表中的数据
    products
      .where({
        title:db.RegExp({  // 数据库自带的使用正则的方法
          regexp: this.data.value,
          options: 'i'
        })
      })
      .get()
      .then( res => {  // 获取到符合搜索词的商品
        let resus = [];
        res.data.forEach( item => resus.push(item.title)); // 只把商品的title取出来合并成一个数组
        console.log(resus);
        this.setData({
          results:resus
        })

        // 数据加载完毕后隐藏加载框
        wx.hideToast({
        })
        
      })
  },
  onCancel(){
    this.setData({
      results:[]
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})